<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    /**
     * 有一些场合会默认调用Iterator接口(即Symbol.iterator方法)，除了下文会介绍的for...of循环，还有几个别的场合
    */
   // 1. 结构赋值  对数组和Set结构进行解构赋值时，会默认调用Symbol.iterator方法。
   var set = new Set().add('a').add('b').add('c')
   var [x, y] = set
   console.log(x, y) // 'a' 'b'
   var [first, ...rest] = set
   // fisrt = 'a'  rest = ['b', 'c']
   // 2.扩展运算符  扩展运算符也会调用默认的Iterator接口
   var str = 'hello'
   var a = [...str];
   console.log(a) // (5) ['h', 'e', 'l', 'l', 'o']
    var arr = ['b', 'c']
    var i = ['a', ...arr, 'd']
    console.log(i) //['a', 'b', 'c', 'd']
    // 只要某个数据结构部署了 Iterator 接口，就可以对它使用扩展运算符，将其转为数组。

    // 3. yield*  yield* 后面可以跟的是一个可遍历的结构，它会调用该解构的遍历器接口
    var generator = function* () {
      yield 1;
      yield* [2,3,4];
      yield 5
    }
    var iterator = generator()
    console.log('iterator', iterator)
    console.log(iterator.next()) // {value: 1, done: false}


    /**
     * 4. 其他场合， 由于数组的遍历会调用遍历器接口，所以任何接受数组作为参数的场合，其实
     *    都调用了遍历器接口，下面是一些例子。
     *
     * for ... of
     * Array.from()
     * Map(), set(), WeakMap(), WeakSet()
     * Promise.all()
     * Promise.race()
    */
  </script>
</body>
</html>